<template>
    <div class="sum" v-loading="loading">
        <merchantNum class="merchant-num"/>
        <plainTable :tableData="tableData" :tableConfigData="tableConfigData" :pageInfo="pageInfo"  @prevPage="prevPage" @nextPage="nextPage"/>
    </div>
</template>

<script setup>
import merchantNum from '@/components/merchantNum.vue'
import plainTable from '@/components/plainTable.vue'
import { useSum } from '@/hooks/account';

const { loading, tableData, tableConfigData, pageInfo, prevPage, nextPage } = useSum();


</script>
<style scoped lang="scss">
.sum {
    .merchant-num {
        margin-bottom: 32px;
    }
}
</style>